<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>学掌门Atstudy网校 - IT线上学习平台|打造精品IT职业在线教育及实战平台</title>
		<link data-n-head="ssr" rel="icon" type="image/x-icon" href="favicon.ico" />
		<meta data-n-head="ssr" name="keywords"
			content="学掌门Atstudy网校,博为峰Atstudy网校,Atstudy网校,软件测试在线学习,IT职业教育,IT在线培训,IT在线学习,it职业培训,软件测试自学,测试测试工具,自动化测试,接口测试,软考,istqb,python,移动开发,selenium,loadrunner,大数据">
		<meta data-n-head="ssr" data-hid="description" name="description"
			content="学掌门Atstudy网校打造国内精品IT职业在线教育平台,提供软件测试基础,自动化测试,接口测试,软考,istqb,python,移动开发,selenium,loadrunner等线上IT学习视频课程,利用在线学习便捷性,结合IT职业发展特点,着重加强IT项目实战技能,结合在线答疑,实时笔记,在线题库及测验,满足IT学习者从零基础起步直至IT高级岗位的技能所需,成就IT职业梦想">
		<link rel="stylesheet" href="css/bootstrap.css" />
		<script src="js/jquery-3.6.1.min.js"></script>
		<script src="js/jquery.validate.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<style type="text/css">
			.logo {
				width: 80%;
			}

			.navbar-nav li a {
				color: #545b66;
			}

			.navbar-form .form-group input {
				border-radius: 15px;
			}

			.recommend {
				margin-top: 20px;
			}

			.hot {
				margin-top: 10px;
				font-size: 20px;
				font-weight: bold;
			}

			/* .container-fluid {
				padding-left: 0px;
				padding-right: 0px;
			} */

			.cart {
				display: flex;
				justify-content: space-between;
			}

			.cart span {
				font-size: 16px;
				color: red;
			}

			.footer {
				background-color: #302f35;
				margin-top: 50px;
				height: 270px;
				color: #999999;
				font-size: 10px;
			}

			.footer .link {
				margin-top: 30px;
			}

			.footer .line {
				border-top: #e5e5e5 1px solid;
			}
		</style>
	</head>
	<body>
		<div class="container">
			<!-- 头部导航 -->
			<div class="row">
				<div class="col-lg-12">
					<nav class="navbar header">
						<div class="container-fluid">
							<!-- Brand and toggle get grouped for better mobile display -->
							<div class="navbar-header">
								<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
									data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
									<span class="sr-only">Toggle navigation</span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
								</button>
								<a class="navbar-brand" href="#"><img src="img/logo.png" class="logo" /></a>
							</div>

							<!-- Collect the nav links, forms, and other content for toggling -->
							<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
								<ul class="nav navbar-nav">
									<li class="active"><a href="#">首页 <span class="sr-only">(current)</span></a></li>
									<li><a href="#">选课中心</a></li>
									<li><a href="#">讲师团队</a></li>
									<li><a href="#">意见反馈</a></li>
								</ul>
								<form class="navbar-form navbar-left">
									<div class="form-group has-feedback">
										<input type="text" class="form-control" placeholder="搜索课程" size="40">
										<span class="glyphicon glyphicon-search form-control-feedback"
											aria-hidden="true"></span>
									</div>
								</form>
								<ul class="nav navbar-nav navbar-right">
									<li><a href="#">下载APP</a></li>
									<li><a href="#">购物车</a></li>
									<li><a href="#">学习中心</a></li>
								</ul>
							</div><!-- /.navbar-collapse -->
						</div><!-- /.container-fluid -->
					</nav>
				</div>
			</div>
			<!-- 轮播图 -->
			<div class="row">
				<div class="col-lg-12">
					<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
						<!-- Indicators -->
						<ol class="carousel-indicators">
							<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
							<li data-target="#carousel-example-generic" data-slide-to="1"></li>
							<li data-target="#carousel-example-generic" data-slide-to="2"></li>
						</ol>

						<!-- Wrapper for slides -->
						<div class="carousel-inner" role="listbox">
							<div class="item active">
								<img src="img/lb1.png" alt="...">
								<div class="carousel-caption">
									...
								</div>
							</div>
							<div class="item">
								<img src="img/lb2.jpg" alt="...">
								<div class="carousel-caption">
									...
								</div>
							</div>
							<div class="item">
								<img src="img/lb3.jpg" alt="...">
								<div class="carousel-caption">
									...
								</div>
							</div>
						</div>

						<!-- Controls -->
						<a class="left carousel-control" href="#carousel-example-generic" role="button"
							data-slide="prev">
							<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
							<span class="sr-only">Previous</span>
						</a>
						<a class="right carousel-control" href="#carousel-example-generic" role="button"
							data-slide="next">
							<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
							<span class="sr-only">Next</span>
						</a>
					</div>
				</div>
			</div>
			<!-- 推荐课程 -->
			<div class="row recommend">
				<div class="col-lg-12">
					<nav class="navbar">
						<div class="container-fluid">
							<!-- Brand and toggle get grouped for better mobile display -->
							<div class="navbar-header hot">
								<img src="img/free-icon.png" />
								<span>推荐课程</span>
							</div>

							<!-- Collect the nav links, forms, and other content for toggling -->
							<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
								<ul class="nav navbar-nav">
									<li class="active"><a href="#">上新 <span class="sr-only">(current)</span></a>
									</li>
									<li><a href="#">免费</a></li>
									<li><a href="#">热门</a></li>
									<li><a href="#">入门</a></li>
									<li><a href="#">进阶</a></li>
								</ul>
								<ul class="nav navbar-nav navbar-right">
									<li><a href="#">更多课程</a></li>
								</ul>
							</div><!-- /.navbar-collapse -->
						</div><!-- /.container-fluid -->
					</nav>
				</div>
			</div>
			<div class="row course">
			</div>
			<!-- 合作企业 -->
			<div class="row">
				<div class="col-lg-12">
					<nav class="navbar">
						<div class="container-fluid">
							<div class="navbar-header hot">
								<img src="img/cooperation-icon.png" />
								<span>合作企业</span>
							</div>
						</div>
					</nav>

				</div>
			</div>
			<div class="row">
				<div class="col-lg-12">
					<img src="img/logo0603.png" />
				</div>
			</div>
		</div>
		<!-- 页脚 -->
		<div class="container-fluid footer">
			<!-- 链接 -->
			<div class="row link">
				<!-- logo -->
				<div class="col-lg-2 col-lg-offset-1">
					<img src="img/index_logo_foot.png" width="60%" />
				</div>
				<!-- 关于我们 -->
				<div class="col-lg-2">
					<p class="guide_title">关于我们</p>
					<div class="step">
						<div><span>如何注册</span></div>
						<div><span>如何学习</span></div>
						<div><span>讲师入驻</span></div>
						<div><span>网校介绍</span></div>
						<div><span>资讯文章</span></div>
					</div>
				</div>
				<!-- 友情链接 -->
				<div class="col-lg-2">
					<p>友情链接</p>
					<div class="step">
						<div><a href="http://www.51testing.com/html/index.html" target="_blank">51软件测试网</a></div>
						<div><a href="http://bbs.51testing.com/forum.php" target="_blank">51测试论坛</a></div>
						<div><a href="http://www.51testing.net/" target="_blank">软件测试培训</a></div>
						<div><a href="https://www.houxue.com/cf/" target="_blank">赤峰培训中心</a></div>
					</div>
				</div>
				<!-- 联系我们 -->
				<div class="col-lg-2">
					<p class="contact_title">联系我们</p>
					<div class="kind">
						<div class="wechat">微信：Atstudy-YY</div>
						<p>电话：400-821-0951</p>
						<p>邮箱：wangzhanbu@atstudy.com</p>
						<p>地址：上海市云南北路59号六合大厦</p>
					</div>
				</div>
			</div>
			<!-- 分割线 -->
			<div class="row line"></div>
			<!-- 版权 -->
			<div class="row copyright">
				<div class="col-lg-9 col-lg-offset-2">
					<p class="web_top">
						所有版权均归 上海博为峰软件技术股份有限公司 所有
						<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank"
							class="footer-cert">沪ICP备05003035号-2
							&nbsp;&nbsp; 办学许可证号：131010170000731</a> <span>&nbsp;&nbsp;
							广播电视节目制作经营许可证：（沪）字第04135号</span>
					</p>
					<div class="web_bottom">
						<p><img src="img/record-icon.png" alt="" class="footer_record_img"
								style="display:inline-block;"></p>
						<p><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010102006352"
								target="_blank" class="footer-record">沪公网安备
								31010102006352号</a></p>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			$(document).ready(function() {
				$.ajax({
					url: 'course.json',
					dataType: 'json',
					success(data) {
						$(data).each(function(index, cr) {
							let c = `
						<div class="col-md-3">
						        <div class="thumbnail">
									<img src="img/${cr.img}" alt="...">
									<div class="caption">
										<p>${cr.name}</p>
										<p class="cart"><span>￥${cr.price}</span> <a href="#" class="btn btn-primary"
												role="button">我要学习</a></p>
									</div>
								</div>
						</div>`;
							$('.course').append(c);
						})
					}
				})
			})
		</script>
	</body>
</html>
